@charset 'utf-8';
@import'reset';


body{
    width: 100%;
    overflow-y: auto !important;
    .main_content{
        .con_left{
            height:100%;
            position: fixed;
            left: 0;
            top: 0;
            width: 247px;
            display: flex;
            flex-direction: column;
            a{
                color: white;
                display: flex;
                height: 100%;
                width: 100%;
                justify-content: center;
                align-items: center;
            }
            .l-box{
                &:hover{
                    cursor: pointer;
                    background: #333;
                }
            }
            .in{
                border-right: 4px solid #00828e;
                width: 251px;
                background: #333;
            }
            div{
                width: 100%;
                text-align: center;
                background: #434343;
                font-size: 14px;
                color:#fff; 
                flex: 1;
            }
        }
      .con_right {
            margin-left: 30px;
            margin-top: 15px;
            position: absolute;
            right: 0;
            top: 0;
            left: 247px;
            bottom: 0;
            .r_main{
                font-size: 12px;
                width: 1215px;
                height: initial;
                padding: initial;
                .con-top{
                     box-shadow: 0px 2px 8px #333333;
                    .container{
                        text-align: center;
                        .info{
                            margin-top: 40px;
                            width: 300px;
                            display: inline-block;
                            span{
                                    display: block;
                                    border-right: 1px solid #000000;
                                    border-color: #cccccc;
                            }
                            &:first-child{
                                span{
                                    border-left: 1px solid #000000;
                                    border-color: #cccccc;
                                }
                            }
                            i{
                                display: inline-block;
                                margin: 30px 0;
                                font-style: initial;
                                color: #ffad0e;
                            }
                        }
                    }
                }
                .con-mid{
                    margin-top: 15px;
                    .con-mid-l{
                        display: inline-block;
                        box-shadow: 0px 2px 8px #333333;
                        width: 594px;
                        ul{
                            padding-left: 30px;
                            padding-top: 34px;
                            li{
                                display: inline-block;
                                p{
                                    margin-bottom: 29px;
                                }
                                span{
                                    margin-bottom: 31px;
                                    display: inline-block;
                                    color: #ffad0e;
                                }
                                &:not(:last-child){
                                    width:210px ;
                                }
                            }
                        }
                    }
                    .con-mid-r{
                        margin-left: 20px;
                        display: inline-block;
                        box-shadow: 0px 2px 8px #333333;
                        width: 593px;
                        ul{
                            padding-left: 30px;
                            padding-top: 34px;
                            li{
                                display: inline-block;
                                p{
                                    margin-bottom: 29px;
                                }
                                span{
                                    margin-bottom: 31px;
                                    display: inline-block;
                                    color: #ffad0e;
                                }
                                &:not(:last-child){
                                    width:210px ;
                                }
                            }
                        }
                    }
                }
                .con-bot{
                     margin-top: 15px;
                     box-shadow: 0px 2px 8px #333333;
                    .container{
                        text-align: center;
                        .info{
                            margin-top: 40px;
                            width: 300px;
                            display: inline-block;
                            span{
                                    display: block;
                                    border-left: 1px solid #000000;
                                    border-color: #cccccc;
                            }
                            &:first-child{
                                span{
                                    border-left: none;
                                }
                            }
                            i{
                                display: inline-block;
                                margin: 30px 0;
                                font-style: initial;
                                color: #ffad0e;
                            }
                        }
                    }
                }
                header{
                    height: 30px;
                    background: #008b98;
                    color: #fff;
                    font-size: 14px;
                    line-height: 30px;
                    padding-left:36px;
                }
                .warp{
                    padding: 30px;
                    p{
                        display: inline-block;
                        margin-bottom: 36px;
                        width: 210px;
                    }
                    .warp-left{
                        display: inline-block;
                        div{
                            .num{
                                font-size: 18px;
                                color: #008b98;
                            }
                        }
                    }
                    .warp-right{
                        display: inline-block;
                        vertical-align: top;
                        margin-left: 100px;
                    }
                }
            }
        }  
    }
}
